@charset "utf-8";
/**
 * 基本样式
 * @author swtzw
 */
/*====================== reset =======================*/
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll}
html,body {background-image: url(about:blank); background-attachment: fixed;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {margin: 0; padding: 0; outline: 0;} /* 清除内外边距 */
:focus{outline: 0 none; font-weight: normal;}
.diyzd {
    margin: 10px 0 0;
    border-bottom: 1px solid #ededed;
}
.diyzd h1 {
    color: #DE2211;
    font-size: 24px;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    font-weight: normal;
}
.diyzd h1 img {
    display: inline-block;
    font-size: 16px;
    margin-right: 8px;
	margin-bottom: -7px;
}
.diyzd p {
    line-height: 26px;
    font-size: 16px;
    padding: 10px 0;
}
a.sjrz {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 18%;
  top: 9px;
  z-index: 9999;}
body{min-height: 100%; color: #333;}
body, button, input, select, textarea {font: 14px/1.5 \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei",arial,sans-serif;} /* 设置默认字体 */
/*body, button, input, select, textarea {font: 14px/100% \5b8b\4f53,"宋体","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft Yahei",arial,sans-serif;} !* 设置默认字体 *!*/
h1,h2,h3,h4,h5,h6 {font-size: 1em;}
iframe,img {border: 0 none;//float:left}
em,i,ins {font-style: normal; text-decoration: none}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
ul, li, ol { list-style: none; } /* 重置列表元素 */
/* 重置表格元素 */
table {border-collapse: collapse; border-spacing: 0;}
/* 重置文本格式元素 */
a {text-decoration: none; outline: none; color: #333; /* -webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;-ms-transition:all 0.15s linear;-o-transition:all 0.15s linear; */ cursor: pointer;}
a:hover {color: #21A366;/*  text-decoration: underline; */}
a:focus{font-weight: inherit;}
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help;} /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
q:before, q:after { content: ''; }
/* 重置表单元素 */
input {outline: none}
input::-ms-clear {display: none}
legend { color: #333; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit} /* 使得表单元素在 ie 下能继承字体大小 */
textarea {overflow:auto; resize:vertical;width: 700px;padding-left: 10px;}
label {cursor:pointer;}
/* 重置 hr */
hr {border: none; height: 1px; background-color: #eee;}
/* 解决IE6 a标签外框虚线问题 */
*html a {outline: none;}
/**html a:active {star:expression(this.onFocus=this.blur());}*/
button{cursor: pointer;}
.clear-fix:after,.clear-fix:before,.cf:after,.cf:before{content:''; display:table }
.clear-fix:after,.cf:after{clear:both }
/*====================== font =======================*/
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f22{font-size: 22px !important;}
.f24{font-size: 24px !important;}
.f26{font-size: 26px !important;}
.fb{font-weight:bold}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/*====================== mouse =======================*/
.cp{cursor: pointer;}
.cd{cursor: default;}
.cna{cursor: not-allowed;}

/*====================== position =======================*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto; margin-right: auto;}/* blockCenter 配合宽度使用 可以使块级元素居中 */
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{height:1%; zoom: 1;}
.clearfix{display:block; zoom: 1;}
/*====================== 热搜 =======================*/
.wzdx{width: 100%;height: 125px;padding-top: 14px;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.color8{color: #888888;}
.ib{display: inline-block;}
.inline{display: inline;}
.block{display: block;}
/*====================== layout =======================*/
/*====================== box-modal =======================*/
/* margin */
.ml5{margin-left: 5px !important;}
.mr5{margin-right: 5px !important;}
.mt5{margin-top: 5px !important;}
.mb5{margin-bottom: 5px !important;}
.ml10{margin-left: 10px !important;}
.mr10{margin-right: 10px !important;}
.mt10{margin-top: 10px !important;}
.mb10{margin-bottom: 10px !important;}
.ml15{margin-left: 15px !important;}
.mr15{margin-right: 15px !important;}
.mt15{margin-top: 15px !important;}
.mb15{margin-bottom: 15px !important;}
.ml20{margin-left: 20px !important;}
.mr20{margin-right: 20px !important;}
.mt20{margin-top: 20px;margin-bottom:10px !important;}
.mtgg{margin-top: 8px;margin-bottom: 10px !important;}
.sw_mbnew0{margin-bottom: 15px !important;}
.ml25{margin-left: 25px !important;}
.mr25{margin-right: 25px !important;}
.mt25{margin-top: 11px !important;}
.mb25{margin-bottom: 25px !important;}
.ml30{margin-left: 30px !important;}
.mr30{margin-right: 30px !important;}
.mt30{margin-top: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.ml40{margin-left: 40px !important;}
.mr40{margin-right: 40px !important;}
.sw_mtp0{margin-top: 8px !important;}
.mb40{margin-bottom: 40px !important;}
/* padding */
.pl5{padding-left: 5px !important;}
.pr5{padding-right: 5px !important;}
.pt5{padding-top: 5px !important;}
.pb5{padding-bottom: 5px !important;}
.pl10{padding-left: 10px !important;}
.pr10{padding-right: 10px !important;}
.pt10{padding-top: 10px !important;}
.pb10{padding-bottom: 10px !important;}
.pl15{padding-left: 15px !important;}
.pr15{padding-right: 15px !important;}
.pt15{padding-top: 15px !important;}
.pb15{padding-bottom: 15px !important;}
.pl20{padding-left: 20px !important;}
.pr20{padding-right: 20px !important;}
.pt20{padding-top: 20px !important;}
.pb20{padding-bottom: 20px !important;}
.pl25{padding-left: 25px !important;}
.pr25{padding-right: 25px !important;}
.pt25{padding-top: 25px !important;}
.pb25{padding-bottom: 25px !important;}
.pl30{padding-left: 30px !important;}
.pr30{padding-right: 30px !important;}
.pt30{padding-top: 30px !important;}
.pb30{padding-bottom: 30px !important;}
.pl40{padding-left: 40px !important;}
.pr40{padding-right: 40px !important;}
.pt40{padding-top: 40px !important;}
.pb40{padding-bottom: 40px !important;}
.head-con {
	width:100%;
	height:25px;
	position: relative;
}
.head-con ul {
  position: absolute;
  top:0;
  /* right: 260px; */
}
.head-con li {
  float: left;
  padding: 0 5px;
  margin-top: 2px;
  /* border-right: 1px solid #000; */
  position: relative;
}
.head-con li:hover ul {
  display: block;
}
.head-con li ul {
  width: 116%;
  position: absolute;
  left: -8%;
  background: #eee;
  z-index: 99;
  display: none;
}
.head-con li ul li {
  border: none;
  width: 100%;
  font-size: 12px;
  margin: 5px 0;
  text-align: center;
}

.head-con li a {
  color: #000;
  font-size: 12px
}
#mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.62);
  z-index: 9999;
}
#mask .close {
  font-size: 26px;
  position: absolute;
  right: 10px;
  top: 0px;
}
#mask .form {
  margin: 30px 0;
}
#mask .block {
  padding: 20px;
  width: 350px;
  height: 350px;
  background: #fff;
  text-align: center;
  position: absolute;
  margin-left: -175px;
  margin-top: -150px;
  left: 50%;
  top: 40%;
  border-radius: 8px;
}
#mask .block .txt {
  width: 100%;
  height: 30px;
  margin: 10px 0;
  display: block;
  text-indent: 1em;
  border: 1px solid #ccc;
  border-radius: 8px;
}
#mask .block .btn {
  width: 50%;
  border: none;
  margin-top: 10px;
  color: #fff;
  height: 30px;
  background: #EC4B4B;
  border-radius: 8px;
}
#mask .block .yzm {
    width: 33%;
    float: left;
    height: 34px;
    background: #ec4b4b;
    color: #fff;
    border: none;
    text-indent: 0;
    margin: 0;
    margin-left: 20px;
}

#mask .block .yzminp {
    width: 60%;
    float: left;
    margin: 0;
    margin-bottom: 10px;
}
.head-con li.down:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top: 3px solid #000;
}
.dl-menuwrapper li a:after{
  display: none
}

.dl-menuwrapper li.downs:before{
  width: 20px;
  height: 20px;
  background:url(../../img/mb2/downs.png) no-repeat;
  background-size: 100% 100%;
  content:"";
  position: absolute;
  right: 12px;
  top: 10px;
}